<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
  ody class="easyui-layout">
    <!--顶部logo区域-->
    <div data-options="region:'north',border:false" style="height:50px;overflow: hidden;">
        <div style="width: 500px; float: left; padding-left: 10px; line-height: 50px; font-size: 40px; font-weight: bold; ">${title}</div>
        <div style="width: 180px; float: right; text-align: center;line-height: 50px;">
            <a href="javascript:openUpdatePasswordDialog()" class="easyui-linkbutton" style="width:80px">修改密码</a>
            <a href="javascript:confirmLogout()" class="easyui-linkbutton" style="width:80px">安全退出</a>
        </div>
        <div style="width: 500px; float: right;line-height: 50px; font-size: 22px;">
            角色名称:<span style="font-weight: bold; color: red;">${loginUser.role.name}</span> | 登录用户名:<span style="color: red; font-weight: bold;">${loginUser.nickname}</span>
        </div>
    </div>
    <!--顶部logo区域-->

    <!--左侧导航菜单区域-->
    <div data-options="region:'west',split:true,title:'功能菜单'" style="width:200px;">
        <div id="menuDivBox" class="easyui-accordion" fit="true" border="false">
            <c:forEach var="menuEntry" items="${indexMenuMap}">
                <div title="${menuEntry.key.name}" data-options="iconCls:'icon-menu'" style="overflow:auto;">
                    <c:forEach items="${menuEntry.value}" var="menu">
                        <div class="menu-link" linkUrl="${contextPath}${menu.url}">${menu.name}</div>
                    </c:forEach>
                </div>
            </c:forEach>
        </div>
    </div>
    <!--左侧导航菜单区域end-->

    <!-- 主要区域区 -->
    <div id="mainContentBox" data-options="region:'center'">
        <div id="tabs" class="easyui-tabs" fit="true" border="false">
            <div title="欢迎使用" style="padding:20px; overflow:hidden;" id="home">
                <div style="width: 400px;font-size: 16px; margin: 0 auto; text-align: center;">
                    <div>我的推荐二维码</div>
                    <div>微信扫描，即可开户</div>
                    <div>我的推荐码:${loginUser.department.code}</div>
                    <div id="qrcode" style="padding: 5px"></div>
                    <script>
                        $('#qrcode').qrcode("${qrCodeUrlPre}/login/register?belongCode=${loginUser.department.code}");
                    </script>
                </div>
            </div>
        </div>
    </div>
    <!-- 主要区域区end -->

    <!--底部版权信息-->
    <div data-options="region:'south',border:false" style="height:20px;">
        <div style="text-align: center;line-height: 20px; color: #CCCCCC;">版权所有：<a href="#" style="color: #CCCCCC; text-decoration: none;">450153554@qq.com</a></div>
    </div>
    <!--底部版权信息end-->
</body>
</html>